<?php

/**
 * @file
 * Bartik's theme implementation to display a single Drupal page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.tpl.php template normally located in the
 * modules/system directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $directory: The directory the template is located in, e.g. modules/system
 *   or themes/bartik.
 * - $is_front: TRUE if the current page is the front page.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or
 *   prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 * - $hide_site_name: TRUE if the site name has been toggled off on the theme
 *   settings page. If hidden, the "element-invisible" class is added to make
 *   the site name visually hidden, but still accessible.
 * - $hide_site_slogan: TRUE if the site slogan has been toggled off on the
 *   theme settings page. If hidden, the "element-invisible" class is added to
 *   make the site slogan visually hidden, but still accessible.
 *
 * Navigation:
 * - $main_menu (array): An array containing the Main menu links for the
 *   site, if they have been configured.
 * - $secondary_menu (array): An array containing the Secondary menu links for
 *   the site, if they have been configured.
 * - $breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.tpl.php):
 * - $title_prefix (array): An array containing additional output populated by
 *   modules, intended to be displayed in front of the main title tag that
 *   appears in the template.
 * - $title: The page title, for use in the actual HTML content.
 * - $title_suffix (array): An array containing additional output populated by
 *   modules, intended to be displayed after the main title tag that appears in
 *   the template.
 * - $messages: HTML for status and error messages. Should be displayed
 *   prominently.
 * - $tabs (array): Tabs linking to any sub-pages beneath the current page
 *   (e.g., the view and edit tabs when displaying a node).
 * - $action_links (array): Actions local to the page, such as 'Add menu' on the
 *   menu administration interface.
 * - $feed_icons: A string of all feed icons for the current page.
 * - $node: The node object, if there is an automatically-loaded node
 *   associated with the page, and the node ID is the second argument
 *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - $page['header']: Items for the header region.
 * - $page['featured']: Items for the featured region.
 * - $page['highlighted']: Items for the highlighted content region.
 * - $page['help']: Dynamic help text, mostly for admin pages.
 * - $page['content']: The main content of the current page.
 * - $page['sidebar_first']: Items for the first sidebar.
 * - $page['triptych_first']: Items for the first triptych.
 * - $page['triptych_middle']: Items for the middle triptych.
 * - $page['triptych_last']: Items for the last triptych.
 * - $page['footer_firstcolumn']: Items for the first footer column.
 * - $page['footer_secondcolumn']: Items for the second footer column.
 * - $page['footer_thirdcolumn']: Items for the third footer column.
 * - $page['footer_fourthcolumn']: Items for the fourth footer column.
 * - $page['footer']: Items for the footer region.
 *
 * @see template_preprocess()
 * @see template_preprocess_page()
 * @see template_process()
 * @see bartik_process_page()
 * @see html.tpl.php
 */
 $og_title = array(
    '#tag' => 'meta',
    '#attributes' => array(
      'name' => 'viewport', 
      'content' => "width=device-width, initial-scale=1, maximum-scale=1",
    )
  );
  drupal_add_html_head($og_title, 'zujava_og_title');
?>
<!-- Header -->
<header class="clearfix">
    <!-- Top Menu -->
    <nav id="top-menu" class="clearfix">
        <?php print render($page['header-top']); ?>
    </nav>
    <!-- End Top Menu -->

    <div class="inner-header clearfix">
        <div id="logo" class="left">
            <?php if ($logo): ?>
            <h1>
                <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home">
                    <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/>
                </a>
            </h1>
            <?php endif; ?>
        </div>

        <div class="ads-728x90 right">
            <?php print render($page['ads']); ?>
        </div>
    </div>
</header>
<!-- End Header -->
<!-- Container -->
<section class="container row clearfix">
    <header class="clearfix">
        <?php if ($main_menu): ?>
        <nav id="main-menu" class="left navigation">
            <?php
            // id, direction, depth should have the values you want them to have.
            $menu = theme('nice_menus', array('id' => 0, 'direction' => 'down', 'depth' => 1, 'menu_name' => 'main-menu', 'menu' => NULL));
            print $menu['content'];
            ?>
        </nav>
        <?php endif; ?>

        <div class="search-bar right clearfix">
            <?php print $search_box; ?>
        </div>
    </header>
    <!-- Inner Container -->
    <section class="inner-container clearfix">
        <!-- Content -->
        <section id="content" class="eight column row pull-left">
            <?php
            print render($page['row-video']);
            ?>
            <!-- Slider -->
            <?php print render($page['slider']); ?>
            <!-- End Slider -->
            <section class="row">
                <script type="text/javascript">
                    $(document).ready(function() {
                        $('.region-row-one-one .view-content .item-list li.views-row').append('<div style="clear:both" >');
                        $('.region-row-one-two .view-content .item-list li.views-row').append('<div style="clear:both" >');
                        $('.region-row-four-one .view-content .item-list li.views-row').append('<div style="clear:both" >');
                        $('.region-row-four-two .view-content .item-list li.views-row').append('<div style="clear:both" >');
                        
                        $("#edit-name").attr("placeholder", "Name");
                        $("#edit-mail").attr("placeholder", "Email");
                        $("#edit-subject").attr("placeholder", "Subject");
                        $("#edit-message").attr("placeholder", "Message");
                        $("#edit-field-website-und-0-value").attr("placeholder", "Website");
                        $("#edit-field-e-mail-und-0-value").attr("placeholder", "Email");
                        $("#edit-comment-body-und-0-value").attr("placeholder", "Comment");
                        
                    });
                    
                </script>
                <!-- Category posts -->
                <article class="six column">
                    <?php print render($page['row-one-one']); ?>
                </article>
                <!-- End Category posts -->

                <!-- Category posts -->
                <article class="six column">
                    <?php print render($page['row-one-two']); ?>
                </article>
                <!-- End Category posts -->
<!--                row default-->
                <script type="text/javascript">
                    $(document).ready(function() {
                       
                        $('.region-row-video .content .item-list .pager').append('<div style="clear:both" >');
                    });
                    
                </script>
                <?php print render($page['row']); ?>
                <?php print render($page['row-content']); ?>


                <?php
                    if(!$is_front)
                        print render($page['content']);
                    print render($page['contact-form']);
                ?>

            </section>

            <!-- Carousel Posts -->
            <div class="clearfix mb10 oh">
                <?php print render($page['row-two']); ?>
                <!-- End jCarousel -->
            </div>
            <?php if ($page['row-three']){ ?>
            <!-- Ads -->
            <div class="ads-middle mb25">
                <?php print render($page['row-three']); ?>
            </div>
            <!-- Ads -->
            <?php } ?>

            <section class="row">
                <!-- Category posts -->
                <article class="six column">
                    <?php print render($page['row-four-one']); ?>
                </article>
                <!-- End Category posts -->

                <!-- Category posts -->
                <article class="six column">
                    <?php print render($page['row-four-two']); ?>
                </article>
                <!-- End Category posts -->
            </section>
            <!-- End Gallery Posts -->
            <!-- Gallery Posts -->
            <div class="clearfix mb25 oh">
                <?php print render($page['row-five']); ?>
            </div>
            <!-- End Gallery Posts -->
        </section>
    <!-- Content -->

    <!-- Sidebar -->

    <aside id="sidebar" class="four column pull-right">
        <script type="text/javascript">
            $(document).ready(function() {
                $('#quicktabs-quik_tab .item-list ul.quicktabs-tabs').append('<div style="clear:both" >');
                $('.region-right-bar-two .content form div').append('<div style="clear:both" >');
                $('.region-row-content .content .view-content .item-list ul').append('<li style="clear:both; float:none; height:0;" >');
                $('.region-right-bar-six .content ul.no-bullet').append('<li style="clear:both; float:none; height:0;" >');
                
            });
            
        </script>

        <?php print render($page['right-bar-zero']); ?>
        <?php print render($page['right-bar-one']); ?>
        <?php print render($page['right-bar-two']); ?>
        <?php print render($page['right-bar-three']); ?>
        <?php print render($page['right-bar-four']); ?>
        <?php print render($page['right-bar-five']); ?>
        <?php print render($page['right-bar-six']); ?>
        <?php print render($page['right-bar-seven']); ?>
        <?php print render($page['right-bar-eight']); ?>
        <?php print render($page['right-bar-nine']); ?>
        <div style="clear: both;"></div>
    </aside>
    <!-- End Sidebar -->

    <!-- Footer -->
    <footer class="row clearfix">
        <!-- Footer widgets -->
        <ul class="no-bullet clearfix">
            <li class="widget four column">
                <?php print render($page['footer-about-us']); ?>
            </li>
            <li class="widget four column">
                <?php print render($page['footer-gallery']); ?>
            </li>
            
            
            <li class="widget four column">
                <?php print render($page['footer-twitter']); ?>
            </li>
            
            <script type="text/javascript">
            $('.region-footer-twitter .content .item-list .twitter_block').append('<div style="clear:both" >');
            $(document).ready(function() {
                var html = $('.region-footer-gallery li.views-row .field-content').html().replace(/,/g,'')
                $('.region-footer-gallery li.views-row .field-content').html(html);
                
				$('.content').each(function(){
					if($(this).html().trim() == '')
					{
						$(this).parent().find('h2').remove();
					}
				});
                
            });
            </script>
        </ul>
        <!-- End Footer widgets -->

        <div class="copyright clearfix">
            c Copyright 2012 MaxsTheme
        </div>

        <div id="back-to-top" class="right">
            <a href="#top">Back to Top</a>
        </div>
    </footer>
    <!-- End Footer -->
</section>
<!-- End Inner Container -->
<div style="clear: both"></div>
</section>
<div id="trends">
</div>
